@charset "UTF-8";

/* common */
*{padding: 0; margin: 0; list-style-type:none;}
html{font-family: 'Open Sans', sans-serif!important;font-size: 100%; min-width: 1080px;}
a{text-decoration: none;color: #000000;}
img{border: 0; max-width: 100%;}
.cl{height: 0; width: 0; font-size: 0; padding: 0; margin: 0; clear: both;}

/* top */
.top_container{width: 1080px; margin: 0 auto 0 auto;}
.top_left{float: left; display: inline-block;}
.top_middle{folat: middle; display: inline-block;}
.top_middle h2,h4{margin-top: 20px; margin-left: 100px; color: #0C7ED9; text-align: center;}
.top_right{float: right; display: inline-block;}
.top_right p,a{font-size: 18px; text-align:right; margin-top: 15px;}

/* navigation */
.nav{width: 1080px; margin: 0 auto 0 auto; height: 40px; background: #0C7ED9;}
.nav ul li a{margin: 0 auto 0 auto; float: left; width: 12.5%; height: 40px; line-height:40px; list-style: none; text-align: center; overflow: hidden; font-size: 16px; color: #FFFFFF; display: inline-block;}
.nav li.selected a,.nav li:hover a{background: #0047EF;}

/* bottom */
.bottom_container{width: 1080px; margin: 20px auto 0 auto; 
  background: -webkit-linear-gradient(#FFFFFF, #66B3FF); /* Safari 5.1 - 6.0 */
  background: -o-linear-gradient(#FFFFFF, #66B3FF); /* Opera 11.1 - 12.0 */
  background: -moz-linear-gradient(#FFFFFF, #66B3FF); /* Firefox 3.6 - 15 */
  background: linear-gradient(#FFFFFF, #66B3FF); /* 标准的语法 */}
.bottom_container p{font-size: 18px; text-align: center; color: #000000; line-height: 1.6;}

/* Carousel map */
.carousel_container{ width: 1080px; height:400px; overflow: hidden; margin: 0 auto;}
.carousel_in{  width: 100%; position: relative;}
.slideBox{ width:100%; overflow:hidden; position:relative;}
.slideBox .hd{ height:15px; width: 100%; overflow:hidden; position:absolute; right:0px; bottom:7px; z-index:1; text-align: right; }
.slideBox .hd ul{ overflow:hidden; zoom:1; float:left; display: inline-block;}
.slideBox .hd ul li{ float:left; margin-right:2px;  width:25px; height:15px; line-height:14px; text-align:center; background:#fff; cursor:pointer;}
.slideBox .hd ul li.on{ background:#66B3FF; color:#fff; }
.slideBox .bd{ position:relative; height:100%; z-index:0;}
.slideBox .bd ul{position: relative; width: 1080px; height: 400px;}
.slideBox .bd li{ zoom:1; vertical-align: middle; position: absolute;}
.slideBox .bd img{ width: 100%; display: block; height: 400px;}

/* Carousel button */
.slideBox .prev,.slideBox .next{ position:absolute; left:0; top:50%; margin-top:-25px; display:block; width:25px; height:40px; background:url(img/slider-arrow.png) -110px 5px no-repeat; filter:alpha(opacity=50);opacity:0.5;   }
.slideBox .next{ left:auto; right:0; background-position:8px 5px; }
.slideBox .prev{ left:0; right:auto; background-position:8px 5px; }
.slideBox .prev:hover,.slideBox .next:hover{ filter:alpha(opacity=100);opacity:1;}
.slideBox .prevStop{ display: none;}
.slideBox .nextStop{ display: none;}

/* Homepage content */
.home_content{width: 1080px; margin: 0 auto 0 auto; overflow: auto;}
.home_up{height: 70px;}
.home_up h4{float: left; margin-left: 8px; color: #0C7ED9; margin-bottom: 20px; position: relative; display: inline-block; line-height: 30px; border-bottom: 3px solid #E2E2E2;}
.home_up a{float: right; position: relative; display: inline-block; line-height: 40px; font-size: 13px;}
.home_left{width: 800px; float: left; display: inline-block;}
.home_left_down{margin-top: 0px; width: 800px}
.home_left_down img{float: top; width: 100%;}
.home_left_down p{align: justify; text-indent: 2em; line-height: 25px; letter-spacing: 1px;}

/* Homepage News*/
.home_right{ float: right; width: 280px;}
.home_right_down{margin: 10px 0 0 10px;}
.home_right_down ul li{ padding: 10px 0; border-bottom:dotted #bebebe; height: auto;}

.home_right_news{ width: 100%; float: left; margin-left: 0px; display: inline-block;}
.home_right_news p{ text-align: right; font-size: 14px; font-weight: lighter; line-height: 1.4;}
.home_right_news a{ text-align: left; display: inline-block; font-size: 14px; margin-top: 2px; word-wrap :break-word ;}



/* banner */
.banner_container{width: 1080px; margin: 0 auto 0 auto;}
.banner_container img{width: 100%;}

/* menu */
.menu_container{width: 223px; float: left; text-align: center; height: auto;}
.menu_top{background: #66B3FF; font-weight: bold; line-height: 50px; font-size: 20px; color: #FFFFFF;}
.menu_bottom ul li{border-bottom: 1px dotted #CCCCCC; line-height: 36px; font-size: 18px; display: block; overflow: auto; border-radius: 8px;}
.menu_bottom li.selected,.menu_bottom li:hover{background: #E2E2E2;}

.title{padding: 15px; line-height: 30px; border-bottom: solid 2px #E2E2E2;}
.title_left{font-size: 18px; font-weight: bold; color: #0C7ED9;}
.title_right{float: right; font-size: 15px; font-weight: lighter;}
.title_right a{font-size: 15px; font-weight: lighter;}

/* mainbody */
.mainbody_container{width: 1080px; margin: 0 auto 0 auto; overflow: auto;}
.mainbody_right{width: 840px; float: right; display: inline-block;}
.mainbody_right_bottom{margin-top: 10px; width: 800px;}
.mainbody_right_bottom img{width: 100%;}
.mainbody_right_bottom p h3{align: justify; text-indent: 2em; line-height: 25px; letter-spacing: 1px; font-weight: lighter;}

/* Members */
.person{display: inline-block;}
.person ul{padding: 20px; float: left;}
.person li{width: 200px; border:2px solid #66B3FF; display: inline-block; padding: 10px; float: left; font-weight: lighter; margin: 20px; min-height: 430px; height: auto;}
.person img{width: 200px; height:150px;}
ul.pagination {display: inline-block; padding: 0; margin: 0;}
ul.pagination li {display: inline;}
ul.pagination li a {color: black; float: left; padding: 8px 16px; text-decoration: none;}

/* personal */
.personal{margin: 20px 0 0 20px; overflow: auto;}
.personal_top{margin-bottom: 20px; display: inline-block;}
.personal_top_left{float: left;}
.personal h4{text-align: left; margin: 0; color: #000000;}
.personal h3{text-align: left; margin: 0; color: #000000;}
.personal p{font-weight: lighter;}
.personal_top_right{position: absolute; left: 1100px; top: 625px;height: 200px;}
.personal_top_right img{width: 200px; height:150px; margin-right:0px;}
.personal_bottom{display: inline;}

/* Publications */
.paper p{text-indent: 1em;}
.paper a{color: #0000FF; font-size: 16px;}
.paper ul li{ padding: 10px 0; border-bottom:solid #bebebe; height: auto;}
.paper h3{text-align: left;}

/* Facilities */
.mechine{display: inline-block;}
.mechine ul{ float: left; padding: 20px;}
.mechine li{width: 240px; border: none; display: inline-block; float: left; font-weight: lighter; margin: 10px; text-align: center;}
.mechine img{width: 240px; height: 240px;}

/* equipment */
.equipment_container{width: 840px;}
.equipment_container h1{text-align: center;}
.equipment_container img{margin: 0 25% 0 25%; width: 50%;}
.equipment_container p{font-weight: lighter;}